<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>积分规则管理</title>
</head>
<link rel="stylesheet" href="layui/css/layui.css">
<link rel="stylesheet" href="css/biaoge.css">
<body>
<div class="layui-container">
    <div class="cant">
        <div class="layui-row">
            <div class="layui-col-xs12">
                <div class="tou">
                    <p>
                        操作说明
                        <span><img src="img/wz/xiao%20jian%20tou.png" alt=""></span>
                    </p>
                </div>
            </div>
        </div>

        <div class="layui-row">
            <div class="rqi">
                <h2>发表</h2>
                <div class="biaoge">
                    <div class="layui-col-xs3">
                        <p class="p-wh">类型</p>
                    </div>
                    <div class="layui-col-xs2">
                        <p class="p-left">记分周期</p>
                    </div>
                    <div class="layui-col-xs3">
                        <p class="p-left p-wh">周期内积分次数上限(次)</p>
                    </div>
                    <div class="layui-col-xs2">
                        <p class="p-left">积分分值(分)</p>
                    </div>
                    <div class="layui-col-xs2">
                        <p class="p-left">操作</p>
                    </div>
                </div>
                <div class="biaoge">
                    <div class="layui-col-xs3">
                        <p class="p-wh p-top">不包括：话题/专辑/收藏</p>
                    </div>
                    <div class="layui-col-xs2">
                        <p class="p-left p-top">每天</p>
                    </div>
                    <div class="layui-col-xs3">
                        <p class="p-left p-wh p-top">
                            <span class="ttdd">20</span>
                        </p>
                    </div>
                    <div class="layui-col-xs2">
                        <p class="p-left p-top">
                            <span class="ttdd">40</span>
                        </p>
                    </div>
                    <div class="p-wei">
                        <div class="p-left p-top">
                            <span class="gimg"><img src="img/wz/cao%20zuo%20tu%20biao.png" alt=""></span>
                        </div>
                    </div>
                </div>
                <div class="biaoge">
                    <div class="layui-col-xs3">
                        <p class="p-wh p-top">包含：话题/专辑/收藏</p>
                    </div>
                    <div class="layui-col-xs2">
                        <p class="p-left p-top">每天</p>
                    </div>
                    <div class="layui-col-xs3">
                        <p class="p-left p-wh p-top">
                            <span class="ttdd">13</span>
                        </p>
                    </div>
                    <div class="layui-col-xs2">
                        <p class="p-left p-top">
                            <span class="ttdd">26</span>
                        </p>
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-row">
            <div class="rqi rq">
                <h2>收藏</h2>
                <div class="biaoge">
                    <div class="layui-col-xs3">
                        <p class="p-wh">类型</p>
                    </div>
                    <div class="layui-col-xs2">
                        <p class="p-left">记分周期</p>
                    </div>
                    <div class="layui-col-xs3">
                        <p class="p-left p-wh">周期内积分次数上限(次)</p>
                    </div>
                    <div class="layui-col-xs2">
                        <p class="p-left">积分分值(分)</p>
                    </div>
                    <div class="layui-col-xs2">
                        <p class="p-left">操作</p>
                    </div>
                </div>
                <div class="biaoge">
                    <div class="layui-col-xs3">
                        <p class="p-wh p-top">主动收藏</p>
                    </div>
                    <div class="layui-col-xs2">
                        <p class="p-left p-top">每天</p>
                    </div>
                    <div class="layui-col-xs3">
                        <p class="p-left p-wh p-top">
                            <span class="ttdd2">5</span>
                        </p>
                    </div>
                    <div class="layui-col-xs2">
                        <p class="p-left p-top">
                            <span class="ttdd2">5</span>
                        </p>
                    </div>
                    <div class="p-wei">
                        <div class="p-left p-top">
                            <span class="gimg2"><img src="img/wz/cao%20zuo%20tu%20biao.png" alt=""></span>
                        </div>
                    </div>
                </div>
                <div class="biaoge">
                    <div class="layui-col-xs3">
                        <p class="p-wh p-top">被收藏</p>
                    </div>
                    <div class="layui-col-xs2">
                        <p class="p-left p-top">每天</p>
                    </div>
                    <div class="layui-col-xs3">
                        <p class="p-left p-wh p-top">
                            <span class="ttdd2">24</span>
                        </p>
                    </div>
                    <div class="layui-col-xs2">
                        <p class="p-left p-top">
                            <span class="ttdd2">72</span>
                        </p>
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-row">
            <div class="rqi">
                <h2>分享</h2>
                <div class="biaoge">
                    <div class="layui-col-xs3">
                        <p class="p-wh">类型</p>
                    </div>
                    <div class="layui-col-xs2">
                        <p class="p-left">记分周期</p>
                    </div>
                    <div class="layui-col-xs3">
                        <p class="p-left p-wh">周期内积分次数上限(次)</p>
                    </div>
                    <div class="layui-col-xs2">
                        <p class="p-left">积分分值(分)</p>
                    </div>
                    <div class="layui-col-xs2">
                        <p class="p-left">操作</p>
                    </div>
                </div>
                <div class="biaoge">
                    <div class="layui-col-xs3">
                        <p class="p-wh p-top">主动分享</p>
                    </div>
                    <div class="layui-col-xs2">
                        <p class="p-left p-top">每天</p>
                    </div>
                    <div class="layui-col-xs3">
                        <p class="p-left p-wh p-top">
                            <span class="ttdd3">7</span>
                        </p>
                    </div>
                    <div class="layui-col-xs2">
                        <p class="p-left p-top">
                            <span class="ttdd3">7</span>
                        </p>
                    </div>
                    <div class="p-wei">
                        <div class="p-left p-top">
                            <span class="gimg3"><img src="img/wz/cao%20zuo%20tu%20biao.png" alt=""></span>
                        </div>
                    </div>
                </div>
                <div class="biaoge">
                    <div class="layui-col-xs3">
                        <p class="p-wh p-top">被分享</p>
                    </div>
                    <div class="layui-col-xs2">
                        <p class="p-left p-top">每天</p>
                    </div>
                    <div class="layui-col-xs3">
                        <p class="p-left p-wh p-top">
                            <span class="ttdd3">23</span>
                        </p>
                    </div>
                    <div class="layui-col-xs2">
                        <p class="p-left p-top">
                            <span class="ttdd3">23</span>

                        </p>
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-row">
            <div class="rqi rq">
                <h2>评价</h2>
                <div class="biaoge">
                    <div class="layui-col-xs3">
                        <p class="p-wh">类型</p>
                    </div>
                    <div class="layui-col-xs2">
                        <p class="p-left">记分周期</p>
                    </div>
                    <div class="layui-col-xs3">
                        <p class="p-left p-wh">周期内积分次数上限(次)</p>
                    </div>
                    <div class="layui-col-xs2">
                        <p class="p-left">积分分值(分)</p>
                    </div>
                    <div class="layui-col-xs2">
                        <p class="p-left">操作</p>
                    </div>
                </div>
                <div class="biaoge">
                    <div class="layui-col-xs3">
                        <p class="p-wh p-top">主动评价(不包含图片)</p>
                    </div>
                    <div class="layui-col-xs2">
                        <p class="p-left p-top">每天</p>
                    </div>
                    <div class="layui-col-xs3">
                        <p class="p-left p-wh p-top">
                            <span class="ttdd4">10</span>

                        </p>
                    </div>
                    <div class="layui-col-xs2">
                        <p class="p-left p-top">
                            <span class="ttdd4">20</span>

                        </p>
                    </div>
                    <div class="p-we">
                        <div class="p-left p-top">
                            <span class="gimg4"><img src="img/wz/cao%20zuo%20tu%20biao.png" alt=""></span>
                        </div>
                    </div>
                </div>
                <div class="biaoge">
                    <div class="layui-col-xs3">
                        <p class="p-wh p-top">主动评价(含图片)</p>
                    </div>
                    <div class="layui-col-xs2">
                        <p class="p-left p-top">每天</p>
                    </div>
                    <div class="layui-col-xs3">
                        <p class="p-left p-wh p-top">
                            <span class="ttdd4">13</span>
                        </p>
                    </div>
                    <div class="layui-col-xs2">
                        <p class="p-left p-top">
                            <span class="ttdd4">14</span>
                        </p>
                    </div>
                </div>
                <div class="biaoge">
                    <div class="layui-col-xs3">
                        <p class="p-wh p-top">主动评价(含图片)</p>
                    </div>
                    <div class="layui-col-xs2">
                        <p class="p-left p-top">每天</p>
                    </div>
                    <div class="layui-col-xs3">
                        <p class="p-left p-wh p-top">
                            <span class="ttdd4">13</span>
                        </p>
                    </div>
                    <div class="layui-col-xs2">
                        <p class="p-left p-top">
                            <span class="ttdd4">26</span>
                        </p>
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-row">
            <div class="rqi">
                <h2>点赞</h2>
                <div class="biaoge">
                    <div class="layui-col-xs3">
                        <p class="p-wh">类型</p>
                    </div>
                    <div class="layui-col-xs2">
                        <p class="p-left">记分周期</p>
                    </div>
                    <div class="layui-col-xs3">
                        <p class="p-left p-wh">周期内积分次数上限(次)</p>
                    </div>
                    <div class="layui-col-xs2">
                        <p class="p-left">积分分值(分)</p>
                    </div>
                    <div class="layui-col-xs2">
                        <p class="p-left">操作</p>
                    </div>
                </div>
                <div class="biaoge">
                    <div class="layui-col-xs3">
                        <p class="p-wh p-top">主动点赞</p>
                    </div>
                    <div class="layui-col-xs2">
                        <p class="p-left p-top">每天</p>
                    </div>
                    <div class="layui-col-xs3">
                        <p class="p-left p-wh p-top">
                            <span class="ttdd5">25</span>
                        </p>
                    </div>
                    <div class="layui-col-xs2">
                        <p class="p-left p-top">
                            <span class="ttdd5">50</span>
                        </p>
                    </div>
                    <div class="p-wei">
                        <div class="p-left p-top">
                            <span class="gimg5"><img src="img/wz/cao%20zuo%20tu%20biao.png" alt=""></span>
                        </div>
                    </div>
                </div>
                <div class="biaoge">
                    <div class="layui-col-xs3">
                        <p class="p-wh p-top">被点赞</p>
                    </div>
                    <div class="layui-col-xs2">
                        <p class="p-left p-top">每天</p>
                    </div>
                    <div class="layui-col-xs3">
                        <p class="p-left p-wh p-top">
                            <span class="ttdd5">134</span>
                        </p>
                    </div>
                    <div class="layui-col-xs2">
                        <p class="p-left p-top">
                            <span class="ttdd5">134</span>
                        </p>
                    </div>
                </div>
            </div>
        </div>

    </div>
</div>

<script src="layui/layui.js"></script>
<script src="layui/lay/modules/jquery.js"></script>

<script>
    layui.use(['layer', 'form', 'element'], function () {
        var $ = layui.$;
        $(".gimg").click(function () {
           $('.ttdd').each(function () {
                obj_text = $(this).find("input:text");    // 判断单元格下是否有文本框
                if (!obj_text.length) {   // 如果没有文本框，则添加文本框使之可以编辑
                    var inp = $(this).html("<input style='border: ' type='text' value='" + $(this).text() + "'>");
                }
                else {  // 如果已经存在文本框，则将其显示为文本框修改的值
                    var inp1 = $(this).html(obj_text.val());
                }
                function tdInput(){
                    var k = 0;
                    for(k; k < 12; k++){
                        $('.ttdd').eq(k).html($('.ttdd').eq(k).children().val());
                    }
                }
                $('input').keydown(function (event) {
                    var keycode = event.which;
                    if (keycode == 13) {
                        tdInput()
                    }
                });
            });
        });
        $(".gimg2").click(function () {
            $('.ttdd2').each(function () {
                obj_text = $(this).find("input:text");    // 判断单元格下是否有文本框
                if (!obj_text.length) {   // 如果没有文本框，则添加文本框使之可以编辑
                    var inp = $(this).html("<input type='text' value='" + $(this).text() + "'>");
                }
                else {  // 如果已经存在文本框，则将其显示为文本框修改的值
                    var inp1 = $(this).html(obj_text.val());
                }
                function tdInput(){
                    var k = 0;
                    for(k; k < 12; k++){
                        $('.ttdd2').eq(k).html($('.ttdd2').eq(k).children().val());
                    }
                }
                $('input').keydown(function (event) {
                    var keycode = event.which;
                    if (keycode == 13) {
                        tdInput()
                    }
                });
            });
        });
        $(".gimg3").click(function () {
            $('.ttdd3').each(function () {
                obj_text = $(this).find("input:text");    // 判断单元格下是否有文本框
                if (!obj_text.length) {   // 如果没有文本框，则添加文本框使之可以编辑
                    var inp = $(this).html("<input type='text' value='" + $(this).text() + "'>");
                }
                else {  // 如果已经存在文本框，则将其显示为文本框修改的值
                    var inp1 = $(this).html(obj_text.val());
                }
                function tdInput(){
                    var k = 0;
                    for(k; k < 12; k++){
                        $('.ttdd3').eq(k).html($('.ttdd3').eq(k).children().val());
                    }
                }
                $('input').keydown(function (event) {
                    var keycode = event.which;
                    if (keycode == 13) {
                        tdInput()
                    }
                });
            });
        });
        $(".gimg4").click(function () {
            $('.ttdd4').each(function () {
                obj_text = $(this).find("input:text");    // 判断单元格下是否有文本框
                if (!obj_text.length) {   // 如果没有文本框，则添加文本框使之可以编辑
                    var inp = $(this).html("<input type='text' value='" + $(this).text() + "'>");
                }
                else {  // 如果已经存在文本框，则将其显示为文本框修改的值
                    var inp1 = $(this).html(obj_text.val());
                }
                function tdInput(){
                    var k = 0;
                    for(k; k < 12; k++){
                        $('.ttdd4').eq(k).html($('.ttdd4').eq(k).children().val());
                    }
                }
                $('input').keydown(function (event) {
                    var keycode = event.which;
                    if (keycode == 13) {
                        tdInput()
                    }
                });
            });
        });
        $(".gimg5").click(function () {
            $('.ttdd5').each(function () {
                obj_text = $(this).find("input:text");    // 判断单元格下是否有文本框
                if (!obj_text.length) {   // 如果没有文本框，则添加文本框使之可以编辑
                    var inp = $(this).html("<input type='text' value='" + $(this).text() + "'>");
                }
                else {  // 如果已经存在文本框，则将其显示为文本框修改的值
                    var inp1 = $(this).html(obj_text.val());
                }
                function tdInput(){
                    var k = 0;
                    for(k; k < 12; k++){
                        $('.ttdd5').eq(k).html($('.ttdd5').eq(k).children().val());
                    }
                }
                $('input').keydown(function (event) {
                    var keycode = event.which;
                    if (keycode == 13) {
                        tdInput()
                    }
                });
            });
        });

    });
</script>

</body>
</html>